<template>
  <CommonContainer title="操作记录">
    <div>
      <el-timeline>
        <el-timeline-item v-for="(item, index) in logs" :key="index" color="#1890FF" placement="top" hide-timestamp>
          <div>
            <p style="color: #1890FF">{{ item.content }}</p>
            <div class="flex-row-center">
              <span style="color: #1890FF">{{item.createBy}}</span>
              <span style="margin-left: 10px">{{item.createTime}}</span>
            </div>
          </div>

        </el-timeline-item>
      </el-timeline>
    </div>
  </CommonContainer>
</template>

<script>
export default {
  props: {
    logs: {
      type: Array,
      default: () => {
        return []
      }
    }
  }

}
</script>

<style lang="scss" scoped>
.timelineItem {
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  .recordContent {
    color: #1890ff;
    margin-left: 8px;
  }
}

::v-deep ul {
  display: block;
  padding-inline-start: 0px;
}
</style>
